<div
    class="modal"
    v-show="showing"
    :class="{'modal-middle': middle}"
    @click.self="close"
    >
    <div :is="dialogForm ? 'form' : 'div'" class="modal-dialog" :class="dialogClass" @submit="$emit('submit', $event)">
        <div class="modal-header" v-if="$slots.header">
            <slot name="header"></slot>
        </div>
        <div class="modal-body" v-if="$slots.body">
            <slot name="body"></slot>
        </div>
        <div class="modal-footer" v-if="$slots.footer">
            <slot name="footer"></slot>
        </div>
        <slot></slot>
    </div>
</div>
